<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>我的订单</title>
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<style type="text/css">
			* {
				margin: 0px;
				padding: 0px;
				box-sizing: border-box;
			}
			
			#k_main {
				width: 845px;
				border: 1px solid #D5E5F5;
				padding: 10px 15px;
				overflow: hidden;
				margin: 0px auto;
			}
			
			#k_header {
				border: 1px solid #C4D5E0;
				background-color: #F9FAFC;
				color: #498CD0;
				font-size: 12px;
				padding: 10px 10px;
			}
			
			#k_header a {
				color: #498CD0;
				text-decoration: none;
			}
			
			#k_header a:hover {
				text-decoration: underline;
			}
			
			#k_header span {
				color: black;
				font-weight: bold;
			}
			
			#k_nav {
				border-bottom: 3px solid #4D8BD1;
				overflow: hidden;
				margin-top: 15px;
			}
			
			#k_nav p {
				float: left;
				width: 90px;
				margin-right: 7px;
				text-align: center;
				border-radius: 5px;
				border-bottom-left-radius: 0px;
				border-bottom-right-radius: 0px;
				cursor: pointer;
				font-size: 14px;
			}
			
			.k_lbbtn1 {
				height: 30px;
				border: 1px solid #CCCCCC;
				background-color: #F5F5F5;
				color: black;
				line-height: 30px;
			}
			
			.k_lbbtn2 {
				height: 35px;
				border: 1px solid #4D8BD1;
				background-color: #538ED1;
				color: white;
				line-height: 35px;
			}
			
			.k_xdtime {
				border-bottom: 2px solid #AED2FF;
				padding: 10px 20px 10px 65px;
			}
			
			.k_xdtime span {
				font-size: 12px;
				color: #777777;
			}
			
			.k_xdtime input {
				height: 22px;
			}
			
			select {
				padding-left: 10px;
			}
			
			option {
				padding-left: 10px;
			}
			
			.k_sousuo {
				border: 1px solid #8E8E8E;
				background-color: #EFEFEF;
				width: 60px;
				height: 50px;
				color: #757575;
				border-radius: 5px;
				cursor: pointer;
				margin-left: 20px;
			}
			
			.k_sousuo:hover {
				border: 1px solid #AED3FF;
				background-color: white;
				color: black;
			}
			
			#orderDetail th {
				border: 1px solid #dedede;
				padding: 5px 8px 6px 7px;
				height: 30px;
				line-height: 30px;
				text-align: center;
				background-color: #f8f8f8;
				color: #5F718B;
				font-size: 12px;
				font-weight: bold;
			}
			
			.norecord {
				padding: 50px 247px;
				border-left: 1px solid #DEDEDE;
				border-right: 1px solid #DEDEDE;
			}
			
			.norecord span {
				font-family: "微软雅黑";
				line-height: 44px;
				font-size: 1.3em;
				font-weight: 700;
				text-align: left;
				display: inline-block;
				float: left;
				width: 250px;
				margin-top: 5px;
			}
			
			.norecord i {
				float: left;
				display: inline-block;
				width: 44px;
				height: 44px;
				background-image: url(img/ncus_public.png);
				background-repeat: no-repeat;
				background-position: 0px -44px;
				margin-right: 10px;
			}
			
			#k_wntj {
				padding: 0px 10px;
			}
			
			#k_wntj h3 {
				font-weight: normal;
			}
			
			.item {
				width: 142px;
				height: 231px;
				float: left;
			}
			
			.k_img {
				width: 135px;
				height: 135px;
			}
			
			.k_img img {
				width: 100%;
				border: 1px solid #dedede;
			}
			
			.clearfix {
				width: 142px;
				float: left;
				margin-right: 15px;
			}
			
			.clearfix a {
				font-size: 12px;
				text-decoration: none;
				color: #336699;
			}
			
			.clearfix a:hover {
				color: #f4614d;
			}
			
			.k_name {
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			
			.k_price {
				color: #F6614B;
				font-weight: bold;
				text-align: center;
				font-size: 14px;
				margin-top: 5px;
			}
		</style>
	</head>

	<body>
		<div id="k_main">
			<div id="k_header">
				<a href="#">我的卡布</a>>>
				<a href="#">我的订单</a>>>
				<span>订单列表</span>
			</div>
			<div id="k_con">
				<div id="k_nav">
					<p class="k_lbbtn2">订单列表</p>
					<p class="k_lbbtn1 mt5">退货申请</p>
				</div>
				<div class="k_xdtime">
					<span>下单时间:</span>
					<input type="text" class="w80" /> -
					<input type="text" class="w80" />
					<span class="ml30">订单号:</span>
					<input type="text" class="w150" />
					<span class="ml20">订单状态</span>
					<select class="w100">
						<option>所有订单</option>
						<option>等待付款</option>
						<option>待卖家收款</option>
						<option>等待发货</option>
						<option>已经发货</option>
						<option>已完成</option>
						<option>已经取消</option>
					</select>
					<input type="button" class="w60 h50 k_sousuo" value="搜索" />
				</div>
				<div class="k_shop">
					<table class="order ncu-table-style" id="orderDetail">
						<thead>
							<tr>
								<th class="w10"></th>
								<th class="w70"></th>
								<th>商品信息</th>
								<th class="w60">单价</th>
								<th class="w40">数量</th>
								<th class="w90">售后</th>
								<th class="w150">店铺</th>
								<th class="w100">订单总价</th>
								<th class="w110">状态与操作</th>
								<th class="w110">评价</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td colspan="19" class="norecord"><i>&nbsp;</i><span>暂无符合条件的数据记录</span></td>
							</tr>
						</tbody>
					</table>
				</div>
				<div id="k_wntj">
					<h3>为您推荐</h3>
					<ul>
						<li class="clearfix">
							<p class="k_img">
								<a href="javascript:;" title="英伦风灰色 男士钱包 长款短款可选 头层牛皮/真皮 个性刻字">
									<img src="img/l1.jpg" />
								</a>
							</p>
							<p class="k_name">
								<a href="javascript:;" target="_blank" title="英伦风灰色 男士钱包 长款短款可选 头层牛皮/真皮 个性刻字">英伦风灰色 男士钱包 长款短款可选 头层牛皮/真皮 个性刻字</a>
							</p>
							<p class="k_price"><span><s>￥</s>199.00</span></p>
						</li>
						<li class="clearfix">
							<p class="k_img">
								<a href="javascript:;" title="一吻定情 爱情水晶苹果音乐盒 炫彩音乐3D内雕水晶摆件送女友">
									<img src="img/l2.jpg" />
								</a>
							</p>
							<p class="k_name">
								<a href="javascript:;" target="_blank" title="一吻定情 爱情水晶苹果音乐盒 炫彩音乐3D内雕水晶摆件送女友">一吻定情 爱情水晶苹果音乐盒 炫彩音乐3D内雕水晶摆件送女友</a>
							</p>
							<p class="k_price"><span><s>￥</s>109.00</span></p>
						</li>
						<li class="clearfix">
							<p class="k_img">
								<a href="javascript:;" title="编织纯爱 时尚钛钢 皮绳手链">
									<img src="img/l3.jpg" />
								</a>
							</p>
							<p class="k_name">
								<a href="javascript:;" target="_blank" title="编织纯爱 时尚钛钢 皮绳手链">编织纯爱 时尚钛钢 皮绳手链</a>
							</p>
							<p class="k_price"><span><s>￥</s>89.00</span></p>
						</li>
						<li class="clearfix">
							<p class="k_img">
								<a href="javascript:;" title="康乃馨 3D内雕水晶摆件炫彩音乐盒 送妈妈创意生日礼物">
									<img src="img/l4.jpg" />
								</a>
							</p>
							<p class="k_name">
								<a href="javascript:;" target="_blank" title="康乃馨 3D内雕水晶摆件炫彩音乐盒 送妈妈创意生日礼物">康乃馨 3D内雕水晶摆件炫彩音乐盒 送妈妈创意生日礼物</a>
							</p>
							<p class="k_price"><span><s>￥</s>99.00</span></p>
						</li>
						<li class="clearfix">
							<p class="k_img">
								<a href="javascript:;" title="幸运星座 施华洛世奇水晶车饰摆件">
									<img src="img/l5.jpg" />
								</a>
							</p>
							<p class="k_name">
								<a href="javascript:;" target="_blank" title="幸运星座 施华洛世奇水晶车饰摆件">幸运星座 施华洛世奇水晶车饰摆件</a>
							</p>
							<p class="k_price"><span><s>￥</s>341.00</span></p>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</body>

</html>